<template>
    <div>
      <mt-header title="更多" class="title">
        <router-link to="/main/me" slot="left">
          <mt-button icon="back"></mt-button>
        </router-link>
      </mt-header>
      <div class="littleInterval"></div>
      <div class="listActiveCss"><span class="glyphicon glyphicon-time"></span><span class="tips_title">实时获取投递动态</span></div>
      <hr class="hr2"/>
      <div class="listActiveCss" @click="editResetPassword"><span class="glyphicon glyphicon-gift"></span><span class="tips_title">设置密码</span></div>
      <hr class="hr2"/>
      <div class="listActiveCss"><span class="glyphicon glyphicon-question-sign"></span><span class="tips_title">操作指引</span></div>
      <hr class="hr2"/>
      <div class="listActiveCss"><span class="glyphicon glyphicon-info-sign"></span><span class="tips_title">关于兼职生</span></div>
      <hr class="hr2"/>
      <div class="listActiveCss"><span class="glyphicon glyphicon-trash"></span><span class="tips_title"></span>清理缓存</div>
      <hr class="hr2"/>
      <div class="listActiveCss"><span class="glyphicon glyphicon-magnet"></span><span class="tips_title">企业入口</span></div>
      <hr class="hr2"/>
      <div class="listActiveCss"><span class="glyphicon glyphicon-cog"></span><span class="tips_title">设置</span></div>
      <hr class="hr2"/>
      <div class="littleInterval"></div>
      <div id="cancle" @click="cancle">退出当前账号</div>
      <hr class="hr2"/>
    </div>
</template>

<script>
    export default {
        name: "More",
      methods:{
        editResetPassword(){
         this.$router.push({path:'/resetPassword'});
        },
        cancle(){
          sessionStorage.removeItem("accessToken");
          this.$router.push({name:'Login'});
        }
      }
    }
</script>

<style scoped>
  #cancle{
    padding-left: 1rem;
    height: 4rem;
    line-height: 4rem;
    font-size: larger;
  }
  #cancle:active{
    background-color: lightgrey;
  }
  .tips_title{
    margin-left: 1rem;
    font-size: larger;
  }
  .listActiveCss{
    text-align: left;
    padding-left: 1rem;
    height: 4rem;
    line-height: 4rem;
  }
  .listActiveCss:active{
    background-color: lightgrey;
  }
  .hr2{
    margin-top: 0px;
    margin-bottom: 0px;
  }
</style>
